
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
<div class="archive_info">
<h1>JavaScript <span class="color_h1">数据类型</span>
</h1>
<hr/>
<p class="intro"><strong>值类型(基本类型)</strong>：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。</p>
<p class="intro"><strong>引用数据类型（对象类型）</strong>：对象(Object)、数组(Array)、函数(Function)，还有两个特殊的对象：正则（RegExp）和日期（Date）。</p>
<p><img decoding="async" src="https://www.runoob.com/wp-content/uploads/2013/08/Javascript-DataType.png" width="60%"/></p>
<blockquote><p><strong>注：</strong>Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。</p></blockquote>
<hr/>
<h2>JavaScript 拥有动态类型</h2>
<p>JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：</p>
<div class="example">
<h2 class="example">实例</h2>
<div class="example_code">
	var x;               
	// x 为 undefined<br/>var x = 5;           
	// 现在 x 为数字<br/>
var x = "John";      // 现在 x 为字符串</div>
</div>
<p>变量的数据类型可以使用 <span class="marked">typeof</span> 操作符来查看：</p>
<div class="example"><h2 class="example">实例</h2> <div class="example_code">
<span style="color: #000066; font-weight: bold;">typeof</span> <span style="color: #3366CC;">"John"</span>                <span style="color: #006600; font-style: italic;">// 返回 string</span><br>
<span style="color: #000066; font-weight: bold;">typeof</span> <span style="color: #CC0000;">3.14</span>                  <span style="color: #006600; font-style: italic;">// 返回 number</span><br>
<span style="color: #000066; font-weight: bold;">typeof</span> <span style="color: #003366; font-weight: bold;">false</span>                 <span style="color: #006600; font-style: italic;">// 返回 boolean</span><br/>
<span style="color: #000066; font-weight: bold;">typeof</span> <span style="color: #009900;">[</span><span style="color: #CC0000;">1</span><span style="color: #339933;">,</span><span style="color: #CC0000;">2</span><span style="color: #339933;">,</span><span style="color: #CC0000;">3</span><span style="color: #339933;">,</span><span style="color: #CC0000;">4</span><span style="color: #009900;">]</span>             <span style="color: #006600; font-style: italic;">// 返回 object</span><br/>
<span style="color: #000066; font-weight: bold;">typeof</span> <span style="color: #009900;">{</span>name<span style="color: #339933;">:</span><span style="color: #3366CC;">'John'</span><span style="color: #339933;">,</span> age<span style="color: #339933;">:</span><span style="color: #CC0000;">34</span><span style="color: #009900;">}</span> <span style="color: #006600; font-style: italic;">// 返回 object</span><br/>
</br></br></div>
<br/>
<a class="tryitbtn"  rel="noopener" target="_blank">尝试一下 »</a>
</div>
<br/><hr/>
<h2>JavaScript 字符串</h2>
<p>字符串是存储字符（比如 "Bill Gates"）的变量。</p>
<p>字符串可以是引号中的任意文本。您可以使用单引号或双引号：</p>
<div class="example">
<h2 class="example">实例</h2>
<div class="example_code">
var
carname="Volvo XC60";<br/>
var
carname='Volvo XC60';</div>
</div>
<p>您可以在字符串中使用引号，只要不匹配包围字符串的引号即可：</p>
<div class="example">
<h2 class="example">实例</h2>
<div class="example_code">
var answer="It's alright";<br/>
var answer="He is called 'Johnny'";<br/>
var answer='He is called "Johnny"';</div>
<br/><a class="tryitbtn"  rel="noopener" target="_blank">尝试一下 »</a>
</div>
<p>您将在本教程的高级部分学到更多关于字符串的知识。</p>
<hr/>
<h2>JavaScript 数字</h2>
<p>JavaScript 只有一种数字类型。数字可以带小数点，也可以不带：<br/></p>
<div class="example">
<h2 class="example">实例</h2>
<div class="example_code">
var x1=34.00;      //使用小数点来写<br/>
var
x2=34;             //不使用小数点来写</div>
</div>
<p>极大或极小的数字可以通过科学（指数）计数法来书写：</p>
<div class="example">
<h2 class="example">实例</h2>
<div class="example_code">
var y=123e5;      // 12300000<br/>
var z=123e-5;     // 0.00123</div>
<br/><a class="tryitbtn"  rel="noopener" target="_blank">尝试一下 »</a>
</div>
<p>您将在本教程的高级部分学到更多关于数字的知识。</p>
<hr/>
<h2>JavaScript 布尔</h2>
<p>布尔（逻辑）只能有两个值：true 或 false。</p>
<div class="code">
<div>
var
x=true;<br/>
var y=false;</div>
</div>
<p>布尔常用在条件测试中。您将在本教程稍后的章节中学到更多关于条件测试的知识。</p>
<hr/>
<h2>JavaScript 数组</h2>
<p>
下面的代码创建名为 cars 的数组：</p>
<div class="code">
<div>
var cars=new Array();<br/>
cars[0]="Saab";<br/>
cars[1]="Volvo";<br/>
cars[2]="BMW";</div>
</div>
<p>或者 (condensed array):</p>
<div class="code">
<div>
var cars=new Array("Saab","Volvo","BMW");</div>
</div>
<p>或者 (literal array):</p>
<div class="example">
<h2 class="example">实例</h2>
<div class="example_code">
var cars=["Saab","Volvo","BMW"];
</div>
<br/><a class="tryitbtn"  rel="noopener" target="_blank">尝试一下 »</a>
</div>
<p>数组下标是基于零的，所以第一个项目是 [0]，第二个是 [1]，以此类推。</p>
<p>您将在本教程稍后的章节中学到更多关于数组的知识。</p>
<hr/>
<h2>JavaScript 对象</h2>
<p>对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：
</p>
<div class="code">
<div>
var person={firstname:"John", lastname:"Doe", id:5566};</div>
</div>
<p>上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。</p>
<p>空格和折行无关紧要。声明可横跨多行：</p>
<div class="code">
<div>
var person={<br/>
firstname : "John",<br/>
lastname  : "Doe",<br/>
id        :  5566<br/>
};</div>
</div>
<p>对象属性有两种寻址方式： </p>
<div class="example">
<h2 class="example">实例</h2>
<div class="example_code">
name=person.lastname;<br/>
name=person["lastname"];
</div>
<br/><a class="tryitbtn"  rel="noopener" target="_blank">尝试一下 »</a>
</div>
<p>您将在本教程稍后的章节中学到更多关于对象的知识。</p>
<hr/>
<h2>Undefined 和 Null</h2>
<p>Undefined 这个值表示变量不含有值。</p>
<p>可以通过将变量的值设置为 null 来清空变量。</p>
<div class="example">
<h2 class="example">实例</h2>
<div class="example_code">
cars=null;<br/>
person=null;<br/>
</div>
<br/><a class="tryitbtn"  rel="noopener" target="_blank">尝试一下 »</a>
</div>
<br/><hr/>
<h2>声明变量类型</h2>
<p>当您声明新变量时，可以使用关键词 "new" 来声明其类型： </p>
<div class="code">
<div>
var carname=new String;<br/>
var x=      new Number;<br/>
var y=      new Boolean;<br/>
var cars=   new Array;<br/>
var person= new Object;</div>
</div>
<br/><table class="lamp"><tr>
<th width="34"><img alt="lamp" decoding="async" height="32" src="/images/lamp.jpg" width="32"/></th>
<td>
JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。</td>
</tr></table> <div class="scroll-top"><a >返回顶部</a></div>
</div>

    </body>
    </html>
    